<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html" 
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://java.sun.com/jsf/core">

    <h:head>
        <title> Administracion de Soluciones </title>
        <link rel="stylesheet" href="resources/css/style.css" />
        <style type="text/css">
            html{
                height: 100%;
            }
            body{
                height: 80%;
            }
            .ui-layout-north {
                z-index:20 !important;
                overflow:visible !important;;
            }

            .ui-layout-north .ui-layout-unit-content {
                overflow:visible !important;
            }   
            .ui-layout-unit-content{
                overflow:visible !important;
            }
        </style>

    </h:head>
    <br />
    <h:body>
        <p:layout fullPage="true" >  
            
            <p:layoutUnit position="north" size="100" header="Control de registro de Incidencias" 
                          resizable="false" closable="false" collapsible="false" >  
                 <!--Encabezado o Menu Bar que es de Layout -->
                <h:form id="frmMenu">
                    <p:growl id="messages"/>  
                    <p:menubar >   
                        <p:menuitem value="Inicio" url="inicio.xhtml" icon="inicio" />  

                        <p:submenu  label="Administracion" icon="administracion">  
                            <p:menuitem rendered="#{loginBean.usuario.perfil.adminUsuario}" value="Usuarios" url="administrarUsuarios.xhtml" icon="usuario"/>  
                            <p:menuitem rendered="#{loginBean.usuario.perfil.adminPerfil}" value="Perfiles" url="administrarPerfiles.xhtml" icon="permisos"/>
                            <p:menuitem rendered="#{loginBean.usuario.perfil.adminArea}" value="Areas" url="administrarAreas.xhtml" icon="areas"/>
                            <p:menuitem rendered="#{loginBean.usuario.perfil.adminCategoria}" value="Categorias" url="administrarCategorias.xhtml" icon="categorias"/>
                            <p:menuitem rendered="#{loginBean.usuario.perfil.adminCargo}" value="Cargos" url="administrarCargos.xhtml" icon="cargos"/>
                        </p:submenu>  

                      <p:submenu label="Base de Conocimiento" icon="baseConocimiento" 
                                   rendered="#{loginBean.usuario.perfil.adminBaseConocimiento}">  
                            <p:menuitem value="Soluciones" url="administrarBaseConocimiento.xhtml" icon ="solucion"/>   
                        </p:submenu>

                       <p:submenu label="Incidencias" icon="incidencia"  
                                   rendered="#{loginBean.usuario.perfil.adminIncidencias}">
                             <p:menuitem value="Pendientes:" url="IncidenciasxResolver.xhtml" icon="mio"
                                        rendered="#{loginBean.usuario.perfil.adminIncidencias}"/> 
                            <p:menuitem value="Todas" url="administrarIncidencias.xhtml" icon="problema" 
                                        rendered="#{loginBean.usuario.perfil.adminIncidencias}"/>
                            <p:menuitem value="Asignaciones" url="administrarAsignaciones.xhtml" icon="asociar"
                                        rendered="#{loginBean.usuario.perfil.adminIncidencias}"/> 
                        </p:submenu> 


                        <p:menuitem value="Contraseña" url="#" icon="candado" />  

                        <p:menuitem value="Salir" url="index.jsf" icon="salir" />  
                    </p:menubar>
                    <!--//Cierra Encabezado o Menu Bar que es de Layout -->
                </h:form> 
            </p:layoutUnit>    
                


            <!--*************************************************************************** -->           
            <!-- Panel central o Contenedor  -->
            <p:layoutUnit position="center" size="1500" style="border-bottom: transparent;
                          border-top: transparent; border-left: transparent; border-right: transparent" >
                <!-- Inicio de scroll panel-->
                <p:scrollPanel style="width:1300px;height:480px" mode="native" > 
                    <h:form>
                        <br/>
                        <!-- Boton para crear un Nueva Solucion-->
                        <p:commandButton value="Nueva Solucion" actionListener="#{BaseConocimientoBean.preparInsertar()}" 
                                         oncomplete="dlgNuevo.show();"  icon ="solucion"/>
                    </h:form><br /><br />

                    <!--mostrar Soluciones registradas -->
                    <h:form id="frmSolucionesKb" >
                        <p:dataTable id="datatable" var="BaseConocimiento" value="#{BaseConocimientoBean.soluciones}" 
                                     widgetVar="tablaSolucionesKb"   emptyMessage="Ninguna solucion registrada" 
                                     paginatorPosition="bottom" paginator="true" rows="20"  
                                     paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"  
                                     rowsPerPageTemplate="5,10,15" style="font-size: 12px" >

                            <f:facet name="header">  
                                <p:outputPanel style="alignment-adjust: ">  
                                    <h:outputText value="Search all fields:" />  
                                    <p:inputText id="globalFilter" onkeyup="tablaSolucionesKb.filter()"
                                                 style="width:150px" />  
                                </p:outputPanel>  
                            </f:facet>  
 
                            <p:column headerText="codigo" filterBy="#{BaseConocimiento.codSolucion}"  >  
                                <h:outputText value="#{BaseConocimiento.codSolucion}"/>  
                            </p:column>
                            <p:column headerText="Problema a Resolver" filterBy="#{BaseConocimiento.problema}"  >  
                                <h:outputText value="#{BaseConocimiento.problema}"/>  
                            </p:column>
                            <p:column headerText="Solucion" filterBy="#{BaseConocimiento.solucion}"  >  
                                <h:outputText value="#{BaseConocimiento.solucion}"  />  
                            </p:column>
                            <p:column headerText="Soporte" filterBy="#{BaseConocimiento.soporte}"  >  
                                <h:outputText value="#{BaseConocimiento.soporte}"  />  
                            </p:column>

                            <p:column style="width:8%; text-align: center " headerText="Config">  
                                <p:commandButton title="Editar" update=":frmEditar" oncomplete="dlgEditar.show();"
                                                 actionListener="#{BaseConocimientoBean.prepararSolucion(BaseConocimiento.codSolucion)}" 
                                                 image="editar"  />  
                                <p:commandButton title="Eliminar" update=":frmEliminar"
                                                 actionListener="#{BaseConocimientoBean.prepararSolucion(BaseConocimiento.codSolucion)}"
                                                 oncomplete="dlgEliminar.show();" image="eliminar"
                                                 rendered="#{loginBean.usuario.perfil.eliminarPerfil}"/>  
                            </p:column>     

                        </p:dataTable>  
                    </h:form>
                    <!--//cierre form para mostrar Soluciones registradas -->

                    <!-- Es necesario el Scrollpanel para ver todos los usuarios registrados si se quiere
                         paginar por cantidades mayores a 5.--> 
                </p:scrollPanel> 
            </p:layoutUnit>  


            <!--Layout bottom -->
            <p:layoutUnit position="south" size="70" header="" resizable="false" closable="false" collapsible="false" 
                          style="text-align:center; font-size: 12px;" > 
                <h:outputText value="Sistema Control de Reporte de Incidencias" /> <br /> 
                <h:outputText value="Corporaci&oacute;n universitaria Minuto de Dios" />  <br />
                <h:outputText value="Desarrollado por: Yinna Martinez y Diego Babativa - Licencia GPL" /><br />
            </p:layoutUnit>

                <p:layoutUnit position="west" size="200" header="Bienvenido" resizable="true"
         closable="false" collapsible="true"> 
                <h:form>  
                    <p:growl id="growl" showDetail="true" />  
                    <h:panelGrid columns="1" cellpadding="10">  
                        <p:graphicImage value="resources/fotos/#{loginBean.usuario.foto}" width="170"/>
                        <h:outputLabel style=" font-size: 14px; color: blue" 
                                       value="Usuario: #{loginBean.usuario.login}"/>

                        <h:outputText style="font: bold; font-size: 14px" value="
                                      E-mail: #{loginBean.usuario.EMail}"/>

                        <h:outputText style="font: bold; font-size: 14px" value="
                                      Area: #{loginBean.usuario.area.nombre}"/>

                        <h:outputText style="font: bold; font-size: 14px" value="
                                      Perfil: #{loginBean.usuario.perfil.nombre}"/>

                        <h:outputText style="font: bold; font-size: 14px" value="
                                      Cargo: #{loginBean.usuario.cargo.nombre}"/>

                        <h:outputText style="font: bold; font-size: 14px" value="
                                      Movil: #{loginBean.usuario.numCelular}"/>
                    </h:panelGrid>   
                </h:form>  
          </p:layoutUnit> 
        </p:layout> 

        <!-- *****************************ES PARA NO BLOQUEAR LA PANTALLA p:DIALOG FUERA DEL LAYOUT***************** -->

        <!--Formulario para ingresar Nuevas Soluciones  -->

        <h:form id="frmNuevo" enctype="multipart/form-data" style="font-size: 13px">
            <p:dialog header="Nueva Solucion" widgetVar="dlgNuevo" resizable="false" id="dlgNuevo" modal="true" >
                <p:growl id="growlNuevo" showDetail="true" sticky="true"  /> <!-- Este es un mensaje modal para 
                  confirmar la creación del area.-->
                    
                <h:panelGrid id="pgNuevo" columns="1" border="1">  
                    
                    <h:outputText value="Problema" style="font-weight: bold;" />
                     <p:inputTextarea value="#{BaseConocimientoBean.solucion.problema}"  required="true" 
                                     requiredMessage="Debe Ingresar Nombre del Problema" 
                                     style="width: 400px; height: 100px;" />
                    
                    <h:outputText value="Solución" style="font-weight: bold"/>               
                     <p:inputTextarea value="#{BaseConocimientoBean.solucion.solucion}"  required="true" 
                                 requiredMessage="Debe Ingresar Solucion" 
                                 style="width: 400px; height: 100px;"/>
                    
                    <h:outputText value="Cargar Documento de Soporte: " style="font-weight: bold"/>               
                     <p:fileUpload fileUploadListener="#{BaseConocimientoBean.upload}"
                                  allowTypes="/(\.|\/)(gif|jpe?g|png|doc|docx|odt|pdf)$/" sizeLimit="1000000"
                                  invalidFileMessage="fichero inválido, unicamente: .gif,.jpeg, .png, .doc, .pdf, .docx, .odt, .ppt " invalidSizeMessage="ha excedido el tamaño máximo permitido"
                                  label="Seleccionar Archivo" cancelLabel="Cancelar" uploadLabel="Subir"/>
                </h:panelGrid>
                <p:separator  />
                <p:commandButton value="&nbsp;Guardar" update=":frmSolucionesKb:datatable, growlNuevo, dlgNuevo" oncomplete="dlgNuevo.hide()" 
                                 image="icon-guardar" actionListener="#{BaseConocimientoBean.insertar()}" />  
                <p:commandButton value="&nbsp;Cancelar" update=":frmSolucionesKb" oncomplete="dlgNuevo.hide()" 
                                 image="icon-cancelar" />  
            </p:dialog>  
        </h:form>
        <!--//Cierre ingresar nuevas Soluciones  -->


        <!--Form  Editar Soluciones  -->
        <h:form id="frmEditar">
            <p:dialog header="Actualizar Solucion" widgetVar="dlgEditar" resizable="false" id="dlgEditar" 
                      modal="true"  >
                <p:growl id="growlEditar" sticky="true" /> 
                <h:panelGrid id="pgNuevo" columns="2" border="1">  
                    
                    <h:outputText value="Problema" style="font-weight: bold"/>
                    <h:outputText value="Documento de soporte" style="font-weight: bold"/> 
                    
                    <p:inputTextarea value="#{BaseConocimientoBean.solucion.problema}"  required="true" 
                                     requiredMessage="Debe Ingresar Nombre del Problema" 
                                     style="width: 400px; height: 100px;" />
                    <p:media value="/resources/archivos/#{BaseConocimientoBean.solucion.soporte}" 
                             width="600px" height="300px" player="pdf">  
                    </p:media> 
                    
                    
                     <h:outputText value="Solución" style="font-weight: bold"/>
                    <h:outputText value="Modificar Documento de Soporte"  style="font-weight: bold"/>
                    
                     <p:inputTextarea value="#{BaseConocimientoBean.solucion.solucion}"  required="true" 
                                 requiredMessage="Debe Ingresar Solucion" 
                                 style="width: 400px; height: 100px;"/>
                    
                    
                     <p:fileUpload fileUploadListener="#{BaseConocimientoBean.upload}"
                                  allowTypes="/(\.|\/)(gif|jpe?g|png|doc|docx|odt|pdf)$/" sizeLimit="1000000"
                                  invalidFileMessage="fichero inválido, unicamente: .gif,.jpeg, .png, .doc, .pdf, .docx, .odt, .ppt " invalidSizeMessage="ha excedido el tamaño máximo permitido"
                                  label="Seleccionar Archivo" cancelLabel="Cancelar" uploadLabel="Subir"/>
                </h:panelGrid>
                <p:separator  />

                <p:commandButton value="&nbsp;Actualizar" update=":frmSolucionesKb:datatable, growlEditar, dlgEditar" 
                                 actionListener="#{BaseConocimientoBean.actualizar()}" oncomplete="dlgEditar.hide()" 
                                 image="icon-guardar" rendered="#{loginBean.usuario.perfil.adminSoluciones}"/>  
                <p:commandButton value="&nbsp;cancelar" update=":frmSolucionesKb:datatable" oncomplete="dlgEditar.hide()" 
                                 image="icon-cancelar" />  
            </p:dialog>  
        </h:form>
        <!--End Form  Editar Soluciones  -->

        <!--Form  eliminar Solucion  -->
        <h:form id="frmEliminar">  
            <p:growl id="growlEliminar" sticky="true" />  
            <p:confirmDialog id="dlgEliminar" message="¿Est&aacute; seguro de eliminar esta solucion ?"  
                             header="Eliminar Solucion" severity="alert" widgetVar="dlgEliminar"  >  
                <p:commandButton value="&nbsp;Eliminar" update=":frmSolucionesKb:datatable, growlEliminar, dlgEliminar" oncomplete="dlgEliminar.hide()" 
                                 actionListener="#{BaseConocimientoBean.eliminar()}" image="icon-guardar"  />  
                <p:commandButton value="&nbsp;cancelar" update=":frmSolucionesKb:datatable" oncomplete="dlgEliminar.hide()" 
                                 image="icon-cancelar" />   
            </p:confirmDialog>  
        </h:form>  
        <!--End Form  eliminar una Solucion  -->
    </h:body>        
</html>  

